/*代码初始化*/

@font-face {
    font-family: Impact;
    src: url(../fonts/impact.ttf);
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

p,
span,
a,
dd,
li {
    font-size: 14px;
}

.container {
    padding: 0;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}

.container2 {
    padding: 0;
    width: 1260px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

ul,
ol,
body,
html,
p {
    margin: 0;
}

html {
    max-width: 1920px;
    margin: 0 auto;
    font-size: 14px;
}

a {
    text-decoration: none!important;
    color: #004ea2
}

a:hover {
    transition: all 300ms linear;
}

ul,
li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

img {
    border: 0;
    padding: 0px;
    margin: 0px;
}

input,
textarea,
button {
    border: none;
    outline: none;
    /*去除蓝色边框*/
}


/* 首页 */

.head {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
}

.logo {
    float: left;
    margin-top: 35px;
}

.nav {
    min-width: 1200px;
}

.nav-list li .second {
    display: none;
    width: 100%;
    background-color: #f1f1f1;
    overflow: hidden;
    position: absolute;
    left: 0;
    padding: 30px 0;
    z-index: 99;
    top: 140px;
}

.nav-list li:hover .second {
    display: block
}

.nav-list .second li {
    float: left;
    margin: 10px 0;
    line-height: 50px;
}

.nav-list .second .cont ul {
    width: 43%;
    float: left;
    margin-right: 20px;
}

.nav-list .second .left {
    width: 40%;
    float: left;
}

.nav-list .second .left .title {
    font-size: 22px;
    color: #4e4e4e;
    margin-bottom: 40px;
    font-weight: bold;
    line-height: 30px;
    text-align: left
}

.nav-list .second .left .detail {
    font-size: 14px;
    color: #4e4e4e;
    line-height: 30px;
    width: 80%;
    text-align: left
}

.nav-list .second .cont {
    width: 25%;
    float: left;
    padding: 0 3%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.nav-list .second .cont li {
    float: left;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px #fff solid;
    margin: 0
}

.nav-list .second .cont li a {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    line-height: 40px;
    color: #666;
    font-size: 16px;
}

.nav-list .second .right {
    float: right;
    width: 25%;
}

.nav-list {
    float: right;
}

.nav-list li {
    float: left;
    line-height: 146px;
    font-size: 16px;
    margin-left: 70px;
}

.nav-list li a {
    color: #fff;
    font-size: 16px;
}

.nav-list li:hover a,
.nav-list .on a {
    color: #ff7019;
}

.head .swiper-container {
    position: relative;
}

.banner {
    width: 100%;
    overflow: hidden;
    position: relative
}

.banner .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.index01 {
    overflow: hidden;
}

.index-title {
    padding: 50px 0 26px 0;
    text-align: center;
}

.index-title h1 {
    font-size: 30px;
    color: #333;
    margin-bottom: 20px;
    font-weight: normal;
}

.index-title p {
    color: #878787;
    line-height: 24px;
}

.index01 .service {
    margin-bottom: 67px;
    overflow: hidden;
    margin-top: 60px;
}

.index01 .list {
    text-align: center;
    width: 33%;
    float: left;
    border-right: 1px #cdcdcd solid;
    padding: 0 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index01 .list .title {
    font-size: 20px;
    margin-bottom: 20px;
}

.index01 .list .detail {
    color: #666666;
}

.index01 .box {
    margin-bottom: 66px;
    margin-top: 50px;
}

.index01 .box div {
    width: 49%;
    float: left;
    padding: 20px 0;
}

.index01 .box1 {
    border-right: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
}

.index01 .box2 {
    border-bottom: 1px #e5e5e5 solid;
}

.index01 .box3 {
    border-right: 1px #e5e5e5 solid;
}

.index01 .box div img {
    margin-bottom: 14px;
    height: 28px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.index01 .box div:hover img {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.index02 {
    background-color: #f6f6f6;
    overflow: hidden;
}

.index-case {
    overflow: hidden;
    margin-top: 20px;
}

.index-case ul {
    margin-right: -1%;
}

.index-case li {
    float: left;
    width: 24%;
    margin-bottom: 37px;
    overflow: hidden;
    margin-right: 1%;
}

.index-case .img img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.index-case .img {
    position: relative;
}

.index-case .txt {
    background-color: #fff;
    padding: 24px 18px;
    position: relative;
    border-bottom: 1px #ff7019 solid;
    height: 50px;
}

.index-case .title {
    font-size: 20px;
    margin-bottom: 10px;
}

.index-case .title a {
    color: #333;
    font-size: 16px;
}

.index-case .detail a {
    font-size: 13px;
    color: #999999;
}

.index-case .arrow {
    position: absolute;
    right: 12px;
    top: 36px;
    width: 30px;
    height: 30px;
    background: url(../images/arrow_09.jpg) no-repeat;
}

.index-case li .mask:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 416px;
    height: 297px;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    display: none;
}

.index-case li:hover .mask::after {
    opacity: 1;
}

.index-case li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.index-case li .mask .link {
    transition: all 0.3s ease 0s;
    background: url(../images/link_07.png) no-repeat;
    width: 113px;
    height: 113px;
    background-size: 100% 100%;
    position: absolute;
    left: 190px;
    top: 120px;
    z-index: 2;
    opacity: 0;
    display: none;
}

.index-case li:hover .link {
    opacity: 1;
}

.index-case .overlay-bottom {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 384px;
    height: 1px;
    border-bottom: 1px #e5e5e5 solid;
}

.index-case li:hover .overlay-bottom {
    animation: borderslideBottom .5s linear 0s 1;
    -moz-animation: borderslideBottom .5s linear 0s 1;
    -webkit-animation: borderslideBottom .5s linear 0s 1;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@-moz-keyframes borderslideBottom {
    from {
        left: 0
    }
    to {
        left: 384px
    }
}

@-webkit-keyframes borderslideBottom {
    from {
        left: 0
    }
    to {
        left: 384px
    }
}

@keyframes borderslideBottom {
    from {
        left: 0
    }
    to {
        left: 384px
    }
}

.index-case li:hover .arrow {
    background: url(../images/arrow_07.jpg) no-repeat;
}

.index02 .more {
    width: 164px;
    height: 63px;
    line-height: 63px;
    text-align: center;
    display: block;
    background-color: #ff7019;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    margin: 20px auto 40px auto;
}

.index03 .container {
    width: 1600px;
}

.brand {
    padding-bottom: 66px;
    overflow: hidden;
}

.brand .dd img {
    width: 100%;
}

.brand .swiper-container {
    height: 600px;
    position: relative;
}

.brand .arrow {
    position: relative;
}

.brand .swiper-button-prev {
    width: 13px;
    height: 23px;
    bottom: 2px;
    background: url(../images/arrow_03.jpg) no-repeat;
    left: 660px;
    top: auto;
}

.brand .swiper-button-next {
    width: 13px;
    height: 23px;
    bottom: 2px;
    right: 660px;
    top: auto;
    background: url(../images/arrow_05.jpg) no-repeat;
}

.index04 {
    background: url(../images/bg_09.jpg) no-repeat center;
    height: 532px;
}

.index04 .list {
    float: left;
    height: 320px;
    position: relative;
    padding-left: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-top: 100px;
}

.index04 .list .timer,
.index04 .list .txt {
    color: #fff;
    font-size: 70px;
    z-index: 11;
    font-family: Impact;
    font-weight: normal;
}

.index04 .list .line {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #ff7019;
    margin: 20px 0;
}

.index04 .list p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.index04 .l-01 {
    width: 350px;
}

.index04 .l-02 {
    width: 300px;
}

.index04 .l-03 {
    width: 310px;
}

.index04 .l-01 p {
    width: 260px;
}

.index04 .l-02 p {
    width: 200px;
}

.index04 .l-04 p {
    width: 200px;
}

.index05 {
    overflow: hidden;
    padding-bottom: 46px;
}

.index05 .title-swiper {
    width: 386px;
    height: 50px;
    margin-bottom: 50px;
}

.index05 .title-swiper .swiper-slide {
    margin: 0;
    line-height: 50px;
    text-align: center;
}

.index05 .title-swiper .swiper-slide dd {
    background-color: #eeeeee;
    margin: 0;
}

.index05 .title-swiper .on dd {
    background-color: #ff7019;
}

.index05 .title-swiper .swiper-slide dd a {
    color: #333;
}

.index05 .title-swiper .on dd a {
    color: #fff;
}

.index05 .left {
    float: left;
    width: 457px;
}

.index05 .left img {
    width: 100%;
    height: 297px;
}

.index05 .left a {
    display: block;
}

.index05 .left .txt {
    padding: 18px;
    border: 1px #ebebeb solid;
}

.index05 .left .title {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.index05 .left .detail {
    color: #7d7d7d;
    line-height: 20px;
}

.index05 .right {
    float: right;
    width: 684px;
}

.index05 .right img {
    width: 170px;
    height: 120px;
    float: left;
}

.index05 .right .txt {
    float: right;
    width: 500px;
}

.index05 .right a {
    display: block;
}

.index05 .right .title {
    width: 100%;
    line-height: 46px;
    float: left;
    border-bottom: 1px #e9e9e9 solid;
}

.index05 .right .title .font {
    font-size: 16px;
    color: #333;
    display: block;
    float: left;
    width: 440px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.index05 .right .title span {
    color: #919191;
    float: right;
}

.index05 .right .detail {
    color: #7d7d7d;
    float: left;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 10px;
}

.index05 .right .list {
    width: 100%;
    float: left;
    margin-bottom: 24px;
}

.index06 {
    background: #f6f6f6;
    overflow: hidden;
    padding-bottom: 70px;
}

.index06 ul {
    height: 380px;
}

.index06 li {
    width: 19.9%;
    float: left;
    border: 1px #dcdcdc solid;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 120px;
    overflow: hidden;
}

.index06 li img {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.index06 li a {
    display: block;
}

.index06 li img {
    opacity: 0.7;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: black;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.index06 li:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
    background: #eeeeee;
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.index07 {
    overflow: hidden;
    background: url(../images/bg_25.jpg) no-repeat center;
    height: 385px;
}

.index07 .index-title h1,
.index07 .index-title p {
    color: #fff;
}

.index07 input {
    height: 50px;
    background: #fff;
    padding: 0 20px;
    margin-right: 10px;
}

.index07 .myname {
    width: 160px;
}

.index07 .tel {
    width: 220px;
}

.index07 .demand {
    width: 470px;
}

.index07 .cont {
    margin-top: 40px;
    font-size: 16px;
}

.index07 button {
    width: 184px;
    height: 50px;
    border: 0;
    text-align: center;
    line-height: 50px;
    background: #ff7019;
    color: #fff;
    font-size: 18px;
    letter-spacing: 10px;
    float: right;
}

.foot {
    background: #222222
}

.footer {
    padding: 60px 0 80px 0;
    overflow: hidden
}

.footer .left {
    float: left;
    width: 302px;
}

.footer .left .l01 {
    width: 260px;
    float: left;
}

.footer .left .l01 img {
    margin-bottom: 20px
}

.footer .left .erweima {
    margin: 90px 30px 0 30px;
    float: right;
}

.footer .right {
    float: left
}

.footer .right ul {
    margin-left: 60px;
    float: left
}

.footer .right li {
    line-height: 28px;
    color: #777777;
}

.footer .right li a {
    color: #777777;
    line-height: 28px
}

.footer .right li img {
    margin-right: 10px;
}

.footer .right p {
    color: #e9e9e9;
    font-size: 16px;
    margin-bottom: 20px;
}

.footer .right .last {
    width: 200px;
}

.banquan {
    height: 80px;
    line-height: 80px;
    border-top: 1px #313131 solid;
}

.banquan p {
    color: #555555;
    text-align: center;
}

.banquan .friendlink {
    float: right;
    width: 160px;
    height: 30px;
    margin-top: 20px
}

.friendlink {
    width: 100%;
    color: #555555;
    margin-bottom: 20px;
    font-size: 14px;
}

.friendlink a {
    margin-right: 20px;
    color: #555555;
}

.nei-title {
    text-align: center;
    margin: 50px 0;
}

.nei-title h1 {
    font-size: 28px;
    margin-bottom: 30px;
}

.app-01 .balck p {
    font-size: 16px;
    color: #8b8b8b;
}

.white p {
    font-size: 16px;
    color: #fff;
}

.white h1 {
    font-size: 28px;
    margin-bottom: 30px;
    color: #fff;
}

.develop {
    width: 380px;
    height: 324px;
    background: #fff;
    box-shadow: 0 2px 9px 0 rgba(0, 43, 89, 0.22);
    -moz-box-shadow: 0 2px 9px 0 rgba(0, 43, 89, 0.22);
    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 43, 89, 0.22);
    text-align: center;
    padding: 37px 34px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    margin-right: 30px;
}

.develop .img {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    margin: 0 auto;
}

.develop .img-01 {
    background: url(../images/app_07.png) no-repeat center -122px;
    width: 73px;
    height: 100px;
}

.develop .img-02 {
    background: url(../images/app_10.png) no-repeat center -122px;
    width: 107px;
    height: 100px;
}

.develop .img-03 {
    background: url(../images/app_04.png) no-repeat center -108px;
    width: 80px;
    height: 100px;
}

.develop .img-04 {
    background: url(../images/img-04.png) no-repeat center -108px;
    width: 100px;
    height: 100px;
}

.develop .img-05 {
    background: url(../images/img-05.png) no-repeat center -108px;
    width: 100px;
    height: 100px;
}

.develop .img-06 {
    background: url(../images/img-06.png) no-repeat center -108px;
    width: 100px;
    height: 100px;
}

.develop .img-07 {
    background: url(../images/img-07.png) no-repeat center -100px;
    width: 100px;
    height: 100px;
}

.develop:hover .img-01 {
    background: url(../images/app_07.png) no-repeat center 0;
}

.develop:hover .img-02 {
    background: url(../images/app_10.png) no-repeat center 0;
}

.develop:hover .img-03 {
    background: url(../images/app_04.png) no-repeat center 0;
}

.develop:hover .img-04 {
    background: url(../images/img-04.png) no-repeat center 0;
}

.develop:hover .img-05 {
    background: url(../images/img-05.png) no-repeat center 10px;
}

.develop:hover .img-06 {
    background: url(../images/img-06.png) no-repeat center 20px;
}

.develop:hover .img-07 {
    background: url(../images/img-07.png) no-repeat center 0;
}

.develop:hover {
    background: #ff9445;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    color: #fff;
}

.develop:hover .detail {
    color: #fff;
}

.develop:hover .line {
    background: #fff;
}

.develop .title {
    font-size: 20px;
    font-weight: bold;
    margin: 22px 0 10px 0;
}

.develop .line {
    width: 46px;
    height: 2px;
    background: #ff9445;
    margin: 0 auto;
}

.develop .detail {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 24px;
}

.app-01 {
    padding-bottom: 75px;
    overflow: hidden;
}

.app-02 {
    background: url(../images/app_02.jpg) no-repeat center;
    height: 776px;
}

.app-02 .txt {
    width: 25%;
    float: left;
    color: #fff;
    text-align: center;
    margin-top: 60px;
    float: left;
}

.app-02 .txt h1 {
    font-size: 30px;
    margin-bottom: 26px;
    font-weight: normal;
}

.app-02 .txt p {
    width: 230px;
    margin: 0 auto;
    line-height: 24px;
}

.app-03 {
    overflow: hidden;
}

.app-03 ul {
    margin-right: -210px;
}

.app-03 li {
    width: 70px;
    float: left;
    margin-right: 210px;
    text-align: center;
    margin-bottom: 80px;
}

.app-03 img {
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.app-03 li:hover img {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.app-03 a {
    display: block;
}

.app-03 .title {
    color: #333;
    margin-top: 30px;
}

.app-survey {
    background: #fafafa;
}

.app-survey .list {
    width: 50%;
    float: left;
    margin-bottom: 60px;
}

.app-survey .list img {
    width: 61px;
    height: 61px;
    margin-bottom: 30px;
}

.app-survey .list .title {
    font-size: 20px;
    margin-bottom: 15px;
}

.app-survey .list .detail {
    font-size: 16px;
    color: #999999;
    width: 540px;
    line-height: 26px;
    height: 55px;
}

.app-wx {
    background: url(../images/sf_18.jpg) no-repeat center;
    height: 980px;
    overflow: hidden;
}

.app-wx .list {
    width: 50%;
    float: left;
    margin-bottom: 60px;
}

.app-wx .list img {
    width: 64px;
    height: 55px;
    margin-bottom: 30px;
}

.app-wx .list .title {
    font-size: 20px;
    margin-bottom: 15px;
    color: #fff;
}

.app-wx .list .detail {
    font-size: 16px;
    color: #fff;
    width: 540px;
    line-height: 26px;
    height: 55px;
}

.app-survey .applets {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 70px;
}

.app-survey .applets img {
    width: 204px;
    height: 204px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.app-survey .applets:hover img {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.app-survey .applets .title {
    color: #ec7d32;
    font-size: 30px;
    font-weight: bold;
    margin: 30px 0 20px 0;
}

.app-survey .applets .detail {
    color: #666666;
    line-height: 24px;
    font-size: 14px;
    width: 240px;
    margin: 0 auto;
}

.entrance {
    background: url(../images/vb_20.jpg) center no-repeat;
    height: 776px;
    overflow: hidden;
}

.entrance .list {
    width: 25%;
    overflow: hidden;
    float: left;
    color: #fff;
    text-align: center;
    margin-bottom: 55px;
}

.entrance .list .title {
    font-size: 18px;
    margin: 30px 0 15px 0;
}

.entrance .list .detail {
    font-size: 14px;
}

.entrance .list .img {
    width: 122px;
    height: 122px;
    margin: 0 auto;
}

.entrance .list .img-01 {
    background: url(../images/wx_22.png) no-repeat;
}

.entrance .list .img-02 {
    background: url(../images/wx_24.png) no-repeat;
}

.entrance .list .img-03 {
    background: url(../images/wx_27.png) no-repeat;
}

.entrance .list .img-04 {
    background: url(../images/wx_30.png) no-repeat;
}

.entrance .list .img-05 {
    background: url(../images/wx_36.png) no-repeat;
}

.entrance .list .img-06 {
    background: url(../images/wx_37.png) no-repeat;
}

.entrance .list .img-07 {
    background: url(../images/wx_38.png) no-repeat;
}

.entrance .list .img-08 {
    background: url(../images/wx_40.png) no-repeat;
}

.entrance .list:hover .img-01 {
    background: url(../images/wx_21.png) no-repeat;
}

.entrance .list:hover .img-02 {
    background: url(../images/wx_25.png) no-repeat;
}

.entrance .list:hover .img-03 {
    background: url(../images/wx_28.png) no-repeat;
}

.entrance .list:hover .img-04 {
    background: url(../images/wx_29.png) no-repeat;
}

.entrance .list:hover .img-05 {
    background: url(../images/wx_31.png) no-repeat;
}

.entrance .list:hover .img-06 {
    background: url(../images/wx_32.png) no-repeat;
}

.entrance .list:hover .img-07 {
    background: url(../images/wx_33.png) no-repeat;
}

.entrance .list:hover .img-08 {
    background: url(../images/wx_34.png) no-repeat;
}

.choice {
    overflow: hidden;
}

.choice .list {
    width: 50%;
    float: left;
    height: 105px;
    display: flex;
    align-items: Center;
    margin-bottom: 77px;
}

.choice .img {
    width: 105px;
    height: 105px;
    float: left;
}

.choice .title {
    width: 440px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #666666;
    margin-left: 15px;
    line-height: 30px;
}

.choice .img-01 {
    background: url(../images/xc_46.jpg) no-repeat center;
}

.choice .img-02 {
    background: url(../images/xc_50.jpg) no-repeat center;
}

.choice .img-03 {
    background: url(../images/xc_54.jpg) no-repeat center;
}

.choice .img-04 {
    background: url(../images/xc_55.jpg) no-repeat center;
}

.choice .list:hover .img-01 {
    background: url(../images/xc_47.jpg);
}

.choice .list:hover .img-02 {
    background: url(../images/xc_51.png);
}

.choice .list:hover .img-03 {
    background: url(../images/xc_53.png);
}

.choice .list:hover .img-04 {
    background: url(../images/xc_53.png);
}

.course {
    overflow: hidden;
}

.course .history {
    position: relative;
    padding-bottom: 40px;
}

.course .history .dian {
    background: #00a4ff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.course .swiper-slide {
    position: relative;
    border-top: 2px #dddddd solid;
    margin-top: 10px;
    padding-left: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.course .dian {
    position: absolute;
    top: -5px;
    z-index: 99;
}

.course .date {
    font-size: 16px;
    color: #00a4ff;
    margin: 15px 0;
}

.course .title {
    font-size: 16px;
    width: 162px;
}

.course .swiper-button-next,
.course .swiper-button-prev {
    top: 21px;
    height: 23px;
}

.course .swiper-button-next {
    right: 0;
}

.course .swiper-button-prev {
    left: 0;
}

.culture {
    background: url(../images/ct_06.jpg) no-repeat center bottom;
    height: 900px;
}

.culture .list {
    float: left;
    width: 376px;
    height: 290px;
    margin-right: 33px;
    text-align: center;
    box-shadow: 0 2px 9px 0 rgba(0, 43, 89, 0.22);
    -moz-box-shadow: 0 2px 9px 0 rgba(0, 43, 89, 0.22);
    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 43, 89, 0.22);
    padding: 60px 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    margin-bottom: 80px;
}

.culture .list .img img {
    width: 55px;
    height: 55px;
    margin-bottom: 15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.culture .list:hover .img img {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.culture .list .title {
    font-size: 22px;
    margin-bottom: 25px;
}

.culture .list .detail {
    font-size: 16px;
    color: #999999;
}

.culture .lb {
    width: 25%;
    float: left;
    color: #fff;
    text-align: center;
    margin-top: 40px;
}

.culture .lb img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.culture .lb:hover img {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.culture .lb span {
    font-size: 26px;
    color: #fff;
    padding: 5px 0;
}

.honor {
    overflow: hidden;
    margin-bottom: 100px;
}

.honor .container {
    width: 1600px;
}

.honor .container {
    position: relative;
}

.honor img {
    width: 100%;
    height: auto;
}

.honor .swiper-container {
    width: 1520px;
}

.honor .swiper-button-next,
.honor .swiper-button-prev {
    top: 400px;
}

.recruit {
    overflow: hidden;
}

.recruit .container {
    width: 1320px;
    position: relative;
}

.recruit .img {
    text-align: center;
}

.recruit .title {
    font-size: 20px;
    margin: 15px 0 30px 0;
}

.recruit .swiper-slide {
    background: #fff;
    padding: 50px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 550px;
    text-align: center;
    position: relative;
}

.recruit .detail {
    line-height: 30px;
    text-align: left;
    font-size:16px;
}

.recruit .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    text-align: left;
    color: #fff;
    background: #fb6a19;
}

.recruit .top {
    position: absolute;
    width: 300px;
    bottom: 30px;
}

.recruit .font {
    padding: 30px;
    line-height: 30px;
    font-size: 16px;
}

.recruit .font p {
    margin-bottom: 15px;
}

.recruit .arrow {
    width: 100%;
}

.recruit .swiper-container {
    width: 1200px;
}

.recruit .swiper-button-next,
.recruit .swiper-button-prev {
    top: 400px;
}

.people {
    overflow: hidden;
}

.people .container {
    background: url(../images/ds_07.png) right no-repeat;
    height: 420px;
    margin: 100px auto;
}

.people p {
    width: 610px;
    line-height: 26px;
    color: #666666;
}

.map {
    height: 620px;
    width: 100%;
    position: absolute;
}

.map .main {
    height: 620px;
    width: 100%;
    position: absolute;
}

.map .container {
    position: relative;
}

.map .contact {
    width: 427px;
    background: #313131;
    height: 540px;
    margin-top: 20px;
    color: #fff;
}

.map .contact .txt {
    height: 327px;
    padding: 45px 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.map .contact .title {
    font-size: 30px;
    margin-bottom: 36px;
}

.map .contact .title span {
    font-size: 24px;
}

.map .contact .detail {
    line-height: 30px;
}

.news-nav {
    text-align: center;
    padding: 60px 0;
    border-bottom: 1px #e5e5e5 solid;
}

.news-nav ul {
    display: inline-block;
}

.news-nav li {
    float: left;
}

.news-nav li a {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #eeeeee;
    font-size: 14px;
    margin: 0 6px;
    color: #333;
}

.news-nav .on a {
    background: #ff7019;
    color: #fff;
}

.news .list {
    overflow: hidden;
    background: #fff;
}

.news .list .date {
    float: left;
    width: 150px;
}

.news .list li {
    padding: 40px 0;
    float: left;
    width: 100%;
    border-bottom: 1px #e5e5e5 solid;
}

.news .list li a {
    display: block;
}

.news .list li:hover .arrow {
    background: url(../images/fds_07.jpg) no-repeat;
}

.news .list .date span {
    font-size: 26px;
    color: #333;
    margin: 30px 0;
    display: block;
}

.news .list .arrow {
    width: 40px;
    height: 40px;
    background: url(../images/ar_04.jpg) no-repeat;
}

.news .list .txt {
    width: 640px;
    float: left;
}

.news .list .title {
    font-size: 18px;
    color: #333;
    margin: 32px 0;
}

.news .list .detail {
    color: #666666;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news .list img {
    width: 273px;
    height: 166px;
    float: right;
}

.page {
    text-align: center;
    margin-bottom: 80px;
    margin-top: 60px;
    font-size: 16px;
}

.page ul {
    display: inline-block;
}

.page li {
    float: left;
    font-size: 16px;
}

.page li a {
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #666;
    margin: 0 5px;
    width: 26px;
    border-radius: 50%;
    background: #fff
}

.page .previous {
    float: left;
    height: 28px;
    line-height: 28px;
    width: 110px;
    text-align: center;
    display: block;
    background: #fff;
    color: #666;
    border-radius: 15px;
    margin: 0 10px;
    font-size: 16px;
}

.page .on,
.page li a:hover,
.page .previous:hover {
    background: #ff7019!important;
    color: #fff!important;
}

.page .tz {
    border: 2px #d2d2d2 solid;
    height: 24px;
    width: 75px;
    border-radius: 5px
}

.page span {
    font-size: 14px;
    color: #595959;
    padding: 0 20px;
}

.page .go {
    background: #ff7019;
    padding: 6px 30px;
    border-radius: 15px;
    color: #fff;
    margin-left: 10px;
}


/*  新闻详情 */

.newsxq {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}

.newsxq h1 {
    font-size: 26px;
    font-weight: normal;
    margin: 0;
    line-height: 110px;
    border-bottom: 1px #e9e9e9 solid;
    text-align: center;
}

.newsxq h2 {
    text-align: center;
    font-size: 12px;
    color: #999999;
    margin: 0;
    line-height: 50px;
    border-bottom: 1px #e9e9e9 solid;
    font-weight: normal;
    margin-bottom: 20px;
}

.newsxq p {
    line-height: 30px;
    color: #333333;
    font-size: 16px
}

.xq_previous {
    width: 390px;
    height: 60px;
    float: left;
    margin-bottom: 70px;
    font-size: 14px;
}

.syp {
    width: 80px;
    text-align: center;
    line-height: 60px;
    color: #666666;
    background: #e8e8e8;
    float: left
}

.syp_title {
    width: 270px;
    text-align: center;
    font-size: 14px;
    line-height: 60px;
    color: #666666;
    background: #f7f7f7;
    float: right;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xq_next {
    width: 390px;
    height: 60px;
    float: right;
}

.xq_previous1 {
    width: 390px;
    height: 60px;
    float: left;
}

.syp1 {
    width: 80px;
    text-align: center;
    line-height: 60px;
    color: #666666;
    background: #e8e8e8;
    float: right;
    font-size: 14px;
}

.newsxq br {
    font-size: 14px;
}

.case-nei {
    background: #f6f6f6;
    overflow: hidden;
}

.case-nei .container {
    width: 1400px;
}

.case-nei h1 {
    font-size: 30px;
    margin: 50px 0 30px 0;
    font-weight: normal;
}

.case-nei p {
    font-size: 16px;
    color: #666;
    line-height: 36px;
}

.case-nei .img {
    background: #fff;
    padding: 50px 37px 100px 37px;
    margin-top: 30px;
    overflow: hidden;
}

.case-nei .img img {
    width: 1400px;
    margin-bottom: 50px;
}

.case-nei .img .more {
    width: 230px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    background: #ff7019;
    color: #fff;
    margin: 0 auto;
    border-radius: 30px;
    font-size: 18px;
}

.case-nei .img .ye {
    width: 100%;
    overflow: hidden;
}

.case-nav {
    overflow: hidden;
    background: #f8f8f8;
    height: 128px;
}

.case-nav li {
    float: left;
    width: 128px;
    height: 128px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: Center;
}

.case-nav li p {
    text-align: center;
}

.case-nav li a,
.case-nav li span {
    display: block;
    color: #333;
}

.case-nav li:hover,
.case-nav .on {
    background: #fff;
}

.case-nav .on span {
    color: #05c2e5;
}

.case-nav li span {
    margin-top: 12px;
}

.case-nav li .img {
    height: 36px;
    margin: 0 auto;
}

.case-nav .img-01 {
    background: url(../images/dsf_03.png) center no-repeat;
    width: 34px;
}

.case-nav .img-02 {
    background: url(../images/case_05.png) center no-repeat;
    width: 42px;
}

.case-nav .img-03 {
    background: url(../images/case_07.png) center no-repeat;
    width: 33px;
}

.case-nav .img-04 {
    background: url(../images/case_09.png) center no-repeat;
    width: 41px;
}

.case-nav .img-05 {
    background: url(../images/case_11.png) center no-repeat;
    width: 36px;
}

.case-nav .on .img-01 {
    background: url(../images/case_03.png) center no-repeat;
}

.case-nav .on .img-02 {
    background: url(../images/dsf_05.png) center no-repeat;
}

.case-nav .on .img-03 {
    background: url(../images/dsf_07.png) center no-repeat;
}

.case-nav .on .img-04 {
    background: url(../images/dsf_09.png) center no-repeat;
}

.case-nav .on .img-05 {
    background: url(../images/dsf_11.png) center no-repeat;
}

.work {
    overflow: hidden;
    background: #fff;
    margin-bottom: 50px;
}

.work .list {
    float: left;
    width: 33.33%;
    text-align: center;
}

.work .list .title {
    font-size: 18px;
    color: #495087;
    margin-bottom: 55px;
}

.work .list .img-01 {
    background: url(../images/bv_04.jpg) no-repeat;
}

.work .list .img-02 {
    background: url(../images/bv_05.jpg) no-repeat;
}

.work .list .img-03 {
    background: url(../images/bv_06.jpg) no-repeat;
}

.work .list:hover .img-01 {
    background: url(../images/hg_04.jpg) no-repeat;
    background-size: 100% 100%;
}

.work .list:hover .img-02 {
    background: url(../images/hg_05.jpg) no-repeat;
    background-size: 100% 100%;
}

.work .list:hover .img-03 {
    background: url(../images/hg_06.jpg) no-repeat;
    background-size: 100% 100%;
}

.work .list .img {
    width: 100%;
    height: 78px;
    background-size: 100% 100%;
    margin-bottom: 35px;
}

.work .list .detail {
    color: #999999;
    font-size: 14px;
    width: 320px;
    margin: 0 auto;
}

.quality {
    background: #f6f6f6;
    overflow: hidden;
    padding-bottom: 90px;
}

.quality .list {
    float: left;
    width: 186px;
    text-align: center;
    margin-right: 66px;
}

.quality .list .img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 9px 0 rgba(0, 43, 89, 0.22);
    -moz-box-shadow: 0 2px 9px 0 rgba(0, 43, 89, 0.22);
    -webkit-box-shadow: 0 2px 9px 0 rgba(0, 43, 89, 0.22);
    margin: 30px auto;
    display: flex;
    justify-content: center;
    align-items: Center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.quality .list .img div {
    width: 47px;
    height: 47px;
}

.quality .list .title {
    font-size: 18px;
}

.quality .list .line {
    width: 15px;
    height: 2px;
    background: #333;
    margin: 10px auto 20px auto;
}

.quality .list .detail {
    font-size: 14px;
    color: #999999;
    line-height: 24px;
}

.quality .list .img-01 {
    background: url(../images/yt_11.png) no-repeat;
}

.quality .list .img-02 {
    background: url(../images/yt_12.png) no-repeat;
}

.quality .list .img-03 {
    background: url(../images/yt_14.png) no-repeat;
}

.quality .list .img-04 {
    background: url(../images/yt_16.png) no-repeat;
}

.quality .list .img-05 {
    background: url(../images/yt_18.png) no-repeat;
}

.quality .list:hover .img {
    background: #484f86;
}

.quality .list:hover .img-01 {
    background: url(../images/yt_10.png) no-repeat;
}

.quality .list:hover .img-02 {
    background: url(../images/yt_13.png) no-repeat;
}

.quality .list:hover .img-03 {
    background: url(../images/yt_15.png) no-repeat;
}

.quality .list:hover .img-04 {
    background: url(../images/yt_17.png) no-repeat;
}

.quality .list:hover .img-05 {
    background: url(../images/yt_19.png) no-repeat;
}

.quality .list:hover .title {
    color: #484f86;
}

.quality .list:hover .line {
    background: #484f86;
}

.process {
    overflow: hidden;
    background: #fff;
    padding-bottom: 100px;
}

.process .line {
    height: 21px;
    width: 1200px;
    margin: 0 auto;
}

.process .line .box {
    width: 133px;
    float: left;
    background: url(../images/po_26.png) no-repeat;
    background-size: 100%;
    height: 21px;
}

.process .list-top,
.process .list-bottom {
    width: 100%;
    float: left;
}

.process .list-top .txt,
.process .list-bottom .txt {
    background: #f5f5f5;
    width: 162px;
    height: 126px;
    text-align: center;
    overflow: hidden;
}

.process .list-top .txt .title {
    font-size: 16px;
    margin: 20px 0 10px 0;
}

.process .list-bottom .txt .title {
    font-size: 16px;
    margin: 46px 0 10px 0;
}

.process .list-top .txt .detail,
.process .list-bottom .txt .detail {
    color: #666666;
    font-size: 12px;
}

.process .bbdr {
    width: 164px;
    float: left;
    height: 213px;
    position: relative;
    margin-right: 102px;
}

.process .list-top .img {
    width: 71px;
    height: 123px;
    position: absolute;
    bottom: 0;
    left: 45px;
}

.process .list-bottom .img {
    width: 71px;
    height: 113px;
    position: absolute;
    top: 0;
    left: 45px;
    z-index: 99;
}

.process .list-bottom .txt {
    position: absolute;
    bottom: 0;
}

.process .list-top .img-01 {
    background: url(../images/gh_26.jpg);
}

.process .list-top .img-02 {
    background: url(../images/io_28.jpg);
}

.process .list-top .img-03 {
    background: url(../images/io_30.jpg);
}

.process .list-top .img-04 {
    background: url(../images/io_32.jpg);
}

.process .list-top .img-05 {
    background: url(../images/io_34.jpg);
}

.process .list-bottom .img-01 {
    background: url(../images/io_42.jpg);
}

.process .list-bottom .img-02 {
    background: url(../images/io_45.jpg);
}

.process .list-bottom .img-03 {
    background: url(../images/io_48.jpg);
}

.process .list-bottom .img-04 {
    background: url(../images/io_51.jpg);
}

.process .list-top .bbdr:hover .img-01 {
    background: url(../images/io_26.jpg);
}

.process .list-top .bbdr:hover .img-02 {
    background: url(../images/gh_28.jpg);
}

.process .list-top .bbdr:hover .img-03 {
    background: url(../images/gh_30.jpg);
}

.process .list-top .bbdr:hover .img-04 {
    background: url(../images/gh_32.jpg);
}

.process .list-top .bbdr:hover .img-05 {
    background: url(../images/gh_34.jpg);
}

.process .list-bottom .bbdr:hover .img-01 {
    background: url(../images/gh_42.jpg);
}

.process .list-bottom .bbdr:hover .img-02 {
    background: url(../images/gh_45.jpg);
}

.process .list-bottom .bbdr:hover .img-03 {
    background: url(../images/gh_48.jpg);
}

.process .list-bottom .bbdr:hover .img-04 {
    background: url(../images/gh_51.jpg);
}

.cont-mobile {
    position: relative;
    height: 620px;
}

.index02 .container,
.index-case .container {
    width: 90%;
}